			.fliter {
				height: 40px;
				background: #FFF;
				width: 100%;
				display: inline-flex;
			}
			
			.btnGroup {
				padding: 5px;
				flex: 1;
			}
			
			.btnGroup span:nth-child(1) {
				height: 30px;
				width: 55px;
				color: #29a1f7;
				border: 1px solid #29a1f7;
				border-radius: 15px 0px 0 15px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				line-height: 30px;
			}
			
			.btnGroup span:nth-child(2) {
				height: 30px;
				width: 55px;
				color: #29a1f7;
				border: 1px solid #29a1f7;
				border-radius: 0px 15px 15px 0px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				line-height: 30px;
			}
			
			.btnGroup span:nth-child(1).active {
				height: 30px;
				width: 55px;
				color: #29a1f7;
				border: 1px solid #29a1f7;
				border-radius: 15px 0px 0 15px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				line-height: 30px;
			}
			
			.btnGroup span:nth-child(2).active {
				height: 30px;
				width: 55px;
				background: red;
				border-radius: 0px 15px 15px 0px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				color: #FFF;
				line-height: 30px;
				background: #29a1f7;
				border: 1px solid #29a1f7;
			}
			
			.hourTime {
				flex: unset;
				padding: 5px;
			}
			
			.hourTime span.active {
				background: #f45568;
				height: 30px;
				line-height: 30px;
				display: inline-block;
				border-radius: 15px;
				width: 70px;
				text-align: center;
				color: #FFF;
				font-size: 14px;
			}
			
			.hourTime span {
				color: #666;
				font-size: 14px;
				margin: 0;
			}
			/*头部*/
			
			.mui-bar-nav {
				box-shadow: 0 0px 0px #ccc;
				background: #29a1f7;
				color: #FFF;
			}
			
			.fliterBtn {
				font-size: 14px;
				color: #FFF;
				margin-top: 11px;
			}
			
			.mui-title {
				color: #FFF;
				font-size: 14px;
			}
			
			.backBtn {
				color: #FFF;
			}
			
			.mui-popover .mui-popover-arrow:after {
				width: 0px;
			}
			
			.mui-popover {
				height: 32%;
				width: 80%;
				display: block;
				top: 57px;
				left: 32px;
				background: #FFF;
				margin-top: 60px;
			}
			
			.mui-popover .head {
				height: 40px;
				background: #29a1f7;
				border-radius: 6px 7px 0px 0px;
				line-height: 40px;
				color: #FFF;
				text-align: center;
				font-size: 15px;
			}
			
			.mui-popover .content {
				overflow: auto;
				height: 90%;
			}
			
			#closeBtn {
				float: right;
				margin-right: 5px;
			}
			
		.mui-checkbox input[type=checkbox] {
				right: 0;
			}
			
			input[type=checkbox] {
				vertical-align: middle;
				margin-bottom: 2px;
			}
			
			.checkbox label {
				width: auto;
				padding: 13px 5px;
				font-size: 14px;
			}
			
			.scroll-wrapper {
				padding: 6px 0 0px 0;
				background: #efeff4;
			}
			
			.mui-card {
				font-size: 14px;
				position: relative;
				overflow: hidden;
				margin: 0;
				border-radius: 2px;
				background-color: #fff;
				background-clip: padding-box;
				box-shadow: none;
			}
			
			.mui-card-header {
				font-size: 14px;
				border-radius: 2px 2px 0 0;
			}
			
			.mui-card-footer,
			.mui-card-header {
				position: relative;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				min-height: 36px;
				padding: 6px 15px;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			
			.mui-table-view-cell {
				padding: 8px 15px!important;
				font-size: 14px;
			}
			
			.mui-input-row {
				font-size: 14px;
			}
			
			 ::-webkit-input-placeholder {
				font-size: 14px;
				color: #666;
			}
			
			.mui-input-group .mui-input-row {
				height: 40px;
			}
			
			.mui-btn-blue,
			.mui-btn-primary,
			input[type=submit] {
				color: #fff;
				/*border: 1px solid #dc4c0c;
				background-color: #dc4d0d;*/
			}
			
			.mui-card-content-inner {
				position: relative;
				padding: 8px 15px;
			}
			
			.mui-input-row label {
				font-family: 'Helvetica Neue', Helvetica, sans-serif;
				line-height: 1.1;
				float: left;
				width: unset;
				padding: 14px 15px;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				float: right;
				width: 78%!important;
				margin-bottom: 0;
				padding-left: 0;
				border: 0;
			}
			
			.mui-card-content {
				border-top: 1px solid #f3f3f3;
			}
			/*checkbox radio*/
			/*单选和多选按钮样式*/
			
			*,
			*:before,
			*:after {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			
			@keyframes hover-color {
				from {
					border-color: #c0c0c0;
				}
				to {
					border-color: #009845;
				}
			}
			
			.GWT-radio,
			.GWT-checkbox {
				position: absolute;
				display: none;
			}
			
			.GWT-radio[disabled],
			.GWT-checkbox[disabled] {
				cursor: not-allowed;
			}
			
			.GWT-radio+label,
			.GWT-checkbox+label {
				position: relative;
				display: block;
				cursor: pointer;
				vertical-align: middle;
				padding: 1px 18px;
			}
			
			.GWT-radio+label:hover:before,
			.GWT-checkbox+label:hover:before {
				animation-duration: 0.4s;
				animation-fill-mode: both;
				animation-name: hover-color;
			}
			
			.GWT-radio+label:before,
			.GWT-checkbox+label:before {
				position: absolute;
				top: 1px;
				left: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				content: '';
				border: 1px solid #c0c0c0;
			}
			
			.GWT-radio+label:after,
			.GWT-checkbox+label:after {
				position: absolute;
				display: none;
				content: '';
			}
			
			.GWT-radio[disabled]+label,
			.GWT-checkbox[disabled]+label {
				cursor: not-allowed;
				color: #e4e4e4;
			}
			
			.GWT-radio[disabled]+label:hover,
			.GWT-radio[disabled]+label:before,
			.GWT-radio[disabled]+label:after,
			.GWT-checkbox[disabled]+label:hover,
			.GWT-checkbox[disabled]+label:before,
			.GWT-checkbox[disabled]+label:after {
				cursor: not-allowed;
			}
			
			.GWT-radio[disabled]+label:hover:before,
			.GWT-checkbox[disabled]+label:hover:before {
				border: 1px solid #e4e4e4;
				animation-name: none;
			}
			
			.GWT-radio[disabled]+label:before,
			.GWT-checkbox[disabled]+label:before {
				border-color: #e4e4e4;
			}
			
			.GWT-radio:checked+label:before,
			.GWT-checkbox:checked+label:before {
				animation-name: none;
			}
			
			.GWT-radio:checked+label:after,
			.GWT-checkbox:checked+label:after {
				display: block;
			}
			
			.GWT-radio+label:before {
				border-radius: 50%;
			}
			
			.GWT-radio+label:after {
				top: 5px;
				left: 4px;
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: #009845;
			}
			
			.GWT-radio:checked+label:before {
				border: 1px solid #009845;
			}
			
			.GWT-radio:checked[disabled]+label:before {
				border: 1px solid #c9e2f9;
			}
			
			.GWT-radio:checked[disabled]+label:after {
				background: #c9e2f9;
			}
			
			.GWT-checkbox+label:before {
				border-radius: 3px;
			}
			
			.GWT-checkbox+label:after {
				top: 3px;
				left: 4px;
				box-sizing: border-box;
				width: 5px;
				height: 8px;
				transform: rotate(45deg);
				border: 2px solid #FFF;
				border-top: 0;
				border-left: 0;
			}
			
			.GWT-checkbox:checked+label:before {
				border: #009845;
				background: #009845;
			}
			
			.GWT-checkbox:checked[disabled]+label:before {
				border: #c9e2f9;
				background: #c9e2f9;
			}
			/*告警*/
			
			.sheBWarning {
				background: #dc0c31;
				border-radius: 3px;
				padding: 2px;
				color: #FFF;
				font-size: 12px;
			}
			
			.oneLevelWarning {
				background: #dc0c31;
				border-radius: 3px;
				padding: 2px;
				color: #FFF;
				font-size: 12px;
			}
			
			.mui-card-footer:before,
			.mui-card-header:after {
				position: absolute;
				top: 0;
				right: 0;
				left: 0;
				height: 1px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #efeef3;
			}
			
			.mui-btn-block {
				font-size: 14px;
				display: block;
				width: 100%;
				margin-bottom: 10px;
				padding: 4px 0;
				text-align: center;
				border-radius: 3px;
			}
			
			.mui-input-group:after {
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				height: 1px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: unset;
			}
			
			.mui-btn-block {
				font-size: 14px;
				display: block;
				width: 100%;
				margin-bottom: 10px;
				padding: 4px 0;
				text-align: center;
				border-radius: 3px;
			}
			
			.btnYes {
				display: inline;
				height: 30px;
				padding: 0;
				width: 50%!important;
				background-color: #29a1f7;
				border: none;
				margin-left: 25%;
				border-radius: 18px;
			}
			



<style type="text/css">
			.fliter {
				height: 40px;
				background: #FFF;
				width: 100%;
				display: inline-flex;
			}
			
			.btnGroup {
				padding: 5px;
				flex: 1;
			}
			
			.btnGroup span:nth-child(1) {
				height: 30px;
				width: 55px;
				color: #29a1f7;
				border: 1px solid #29a1f7;
				border-radius: 15px 0px 0 15px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				line-height: 30px;
			}
			
			.btnGroup span:nth-child(2) {
				height: 30px;
				width: 55px;
				color: #29a1f7;
				border: 1px solid #29a1f7;
				border-radius: 0px 15px 15px 0px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				line-height: 30px;
			}
			
			.btnGroup span:nth-child(1).active {
				height: 30px;
				width: 55px;
				color: #29a1f7;
				border: 1px solid #29a1f7;
				border-radius: 15px 0px 0 15px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				line-height: 30px;
			}
			
			.btnGroup span:nth-child(2).active {
				height: 30px;
				width: 55px;
				background: red;
				border-radius: 0px 15px 15px 0px;
				display: inline-block;
				font-size: 13px;
				text-align: center;
				color: #FFF;
				line-height: 30px;
				background: #29a1f7;
				border: 1px solid #29a1f7;
			}
			
			.hourTime {
				flex: unset;
				padding: 5px;
			}
			
			.hourTime span.active {
				background: #f45568;
				height: 30px;
				line-height: 30px;
				display: inline-block;
				border-radius: 15px;
				width: 70px;
				text-align: center;
				color: #FFF;
				font-size: 14px;
			}
			
			.hourTime span {
				color: #666;
				font-size: 14px;
				margin: 0;
			}
			/*头部*/
			
			.mui-bar-nav {
				box-shadow: 0 0px 0px #ccc;
				background: #29a1f7;
				color: #FFF;
			}
			
			.fliterBtn {
				font-size: 14px;
				color: #FFF;
				margin-top: 11px;
			}
			
			.mui-title {
				color: #FFF;
				font-size: 14px;
			}
			
			.backBtn {
				color: #FFF;
			}
			
			.mui-popover .mui-popover-arrow:after {
				width: 0px;
			}
			
			.mui-popover {
				width: 80%;
				display: block;
				top: 57px;
				left: 32px;
				background: #FFF;
				margin-top: 60px;
				    height: 40%;
			}
			
			.mui-popover .head {
				height: 40px;
				background: #29a1f7;
				border-radius: 6px 7px 0px 0px;
				line-height: 40px;
				color: #FFF;
				text-align: center;
				font-size: 15px;
			}
			
			.mui-popover .content {
				height: 90%;
			}
			
			#closeBtn {
				float: right;
				margin-right: 5px;
			}
			
			.mui-input-group:after {
			    position: absolute;
			    right: 0;
			    bottom: 0;
			    left: 0;
			    height: 1px;
			    content: '';
			    -webkit-transform: scaleY(.5);
			    transform: scaleY(.5);
			    background-color: unset;
			}
			
		
			
			
	

		
			.mui-checkbox input[type=checkbox] {
				right: 0;
			}
			
			input[type=checkbox] {
				vertical-align: middle;
				margin-bottom: 2px;
			}
			
			.checkbox label {
				width: auto;
				padding: 13px 5px;
				font-size: 14px;
			}
			
			.scroll-wrapper {
				padding: 6px 0 0px 0;
				background: #efeff4;
			}
			
			.mui-card {
				font-size: 14px;
				position: relative;
				overflow: hidden;
				margin: 0;
				border-radius: 2px;
				background-color: #fff;
				background-clip: padding-box;
				box-shadow: none;
			}
			
			.mui-card-header {
				font-size: 14px;
				border-radius: 2px 2px 0 0;
			}
			
			.mui-card-footer,
			.mui-card-header {
				position: relative;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				min-height: 36px;
				padding: 6px 15px;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			
			.mui-table-view-cell {
				padding: 8px 15px!important;
				font-size: 14px;
			}
			
			.mui-input-row {
				font-size: 14px;
			}
			
			 ::-webkit-input-placeholder {
				font-size: 14px;
				color: #666;
			}
			
			.mui-input-group .mui-input-row {
				height: 40px;
			}
			
			.mui-btn-blue,
			.mui-btn-primary,
			input[type=submit] {
				color: #fff;
				/*border: 1px solid #dc4c0c;
				background-color: #dc4d0d;*/
			}
			
			.mui-card-content-inner {
				position: relative;
				padding: 8px 15px;
			}
			
			.mui-input-row label {
				font-family: 'Helvetica Neue', Helvetica, sans-serif;
				line-height: 1.1;
				float: left;
				width: unset;
				padding: 14px 15px;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				float: right;
				width: 78%!important;
				margin-bottom: 0;
				padding-left: 0;
				border: 0;
			}
			
			.mui-card-content {
				border-top: 1px solid #f3f3f3;
			}
			/*checkbox radio*/
			/*单选和多选按钮样式*/
			
			*,
			*:before,
			*:after {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			
			@keyframes hover-color {
				from {
					border-color: #c0c0c0;
				}
				to {
					border-color: #009845;
				}
			}
			
			.GWT-radio,
			.GWT-checkbox {
				position: absolute;
				display: none;
			}
			
			.GWT-radio[disabled],
			.GWT-checkbox[disabled] {
				cursor: not-allowed;
			}
			
			.GWT-radio+label,
			.GWT-checkbox+label {
				position: relative;
				display: block;
				cursor: pointer;
				vertical-align: middle;
				padding: 1px 18px;
			}
			
			.GWT-radio+label:hover:before,
			.GWT-checkbox+label:hover:before {
				animation-duration: 0.4s;
				animation-fill-mode: both;
				animation-name: hover-color;
			}
			
			.GWT-radio+label:before,
			.GWT-checkbox+label:before {
				position: absolute;
				top: 1px;
				left: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				content: '';
				border: 1px solid #c0c0c0;
			}
			
			.GWT-radio+label:after,
			.GWT-checkbox+label:after {
				position: absolute;
				display: none;
				content: '';
			}
			
			.GWT-radio[disabled]+label,
			.GWT-checkbox[disabled]+label {
				cursor: not-allowed;
				color: #e4e4e4;
			}
			
			.GWT-radio[disabled]+label:hover,
			.GWT-radio[disabled]+label:before,
			.GWT-radio[disabled]+label:after,
			.GWT-checkbox[disabled]+label:hover,
			.GWT-checkbox[disabled]+label:before,
			.GWT-checkbox[disabled]+label:after {
				cursor: not-allowed;
			}
			
			.GWT-radio[disabled]+label:hover:before,
			.GWT-checkbox[disabled]+label:hover:before {
				border: 1px solid #e4e4e4;
				animation-name: none;
			}
			
			.GWT-radio[disabled]+label:before,
			.GWT-checkbox[disabled]+label:before {
				border-color: #e4e4e4;
			}
			
			.GWT-radio:checked+label:before,
			.GWT-checkbox:checked+label:before {
				animation-name: none;
			}
			
			.GWT-radio:checked+label:after,
			.GWT-checkbox:checked+label:after {
				display: block;
			}
			
			.GWT-radio+label:before {
				border-radius: 50%;
			}
			
			.GWT-radio+label:after {
				top: 5px;
				left: 4px;
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: #009845;
			}
			
			.GWT-radio:checked+label:before {
				border: 1px solid #009845;
			}
			
			.GWT-radio:checked[disabled]+label:before {
				border: 1px solid #c9e2f9;
			}
			
			.GWT-radio:checked[disabled]+label:after {
				background: #c9e2f9;
			}
			
			.GWT-checkbox+label:before {
				border-radius: 3px;
			}
			
			.GWT-checkbox+label:after {
				top: 3px;
				left: 4px;
				box-sizing: border-box;
				width: 5px;
				height: 8px;
				transform: rotate(45deg);
				border: 2px solid #FFF;
				border-top: 0;
				border-left: 0;
			}
			
			.GWT-checkbox:checked+label:before {
				border: #009845;
				background: #009845;
			}
			
			.GWT-checkbox:checked[disabled]+label:before {
				border: #c9e2f9;
				background: #c9e2f9;
			}
			/*告警*/
			
			.sheBWarning {
				background: #dc0c31;
				border-radius: 3px;
				padding: 2px;
				color: #FFF;
				font-size: 12px;
			}
			
			.oneLevelWarning {
				background: #dc0c31;
				border-radius: 3px;
				padding: 2px;
				color: #FFF;
				font-size: 12px;
			}
			
			.mui-card-footer:before,
			.mui-card-header:after {
				position: absolute;
				top: 0;
				right: 0;
				left: 0;
				height: 1px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #efeef3;
			}
			
	
	

		
			.mui-table-view-cell {
				display: flex;
			}
			
			.mui-table-view-cell span:nth-child(1) {
				flex: 1;
				text-align: center;
			}
			
			.mui-table-view-cell span:nth-child(2) {
				flex: unset;
				color: #7ab70d;
				 float: right;
			}
			
			.mui-popover .mui-table-view {
				overflow: auto;
				max-height: 300px;
				margin-bottom: 0;
				border-radius: 7px;
				background-color: #f7f7f7;
				background-image: none;
				-webkit-overflow-scrolling: touch;
				overflow: scroll;
				height: 160px;
			}
			
			.textcenter{
				    margin-left: -16px;
			}
			
			
	